<template>
  <div class="query_table">
      <a-table 
        :scroll="{ x: 900, y:300 }" 
        :columns="columns" 
        :data-source="tableList" 
        rowKey="name" 
        size="small" 
        :pagination="false"
        style="height:300px;"
      >
      </a-table>
  </div>
</template>

<script>
import { mapState } from 'vuex';
  export default {
    data() {
      return {

      }
    },
    props: ['queryForm'],
    computed: {
      ...mapState('sql_query', ['tableList', 'columns'])
    },
    methods: {},
    mounted () {}
  }
</script>

<style scoped>
.query_table {
  padding: 10px;
}

.query_table >>> .ant-table-placeholder {
  height: 300px;
}
</style>